<template>
	<!-- 20230217 -->
	<view class="common-download-page">
		<view class="page_content">
			<view class="bg_img">
				<image :src="config.download_bg_img" mode="aspectFill" class="width-100p height-100p"></image>
			</view>
			<view style="margin-top: 160rpx;">
				<image class="jc-image-160 block-center" :src="config.app_img" mode="aspectFill"></image>
				<view class="margin-top-40 text-center text-40 text-bold text-ff">{{config.app_name}}</view>
				<!-- <view >下载APP</view> -->
				<view
					class="margin-top-40 line-height-80 radius-40 block-center bg-main-gradient text-center text-28 text-ff"
					style="width: 50%;" @click="openApp">打开APP</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url: "", //外链链接
				config: {},
				hasTurnPage: {}
			}
		},

		onReady() {
			this.rq.getData('project/api/Config/getAppDownloadConfig').then(res => {
				if (res.code === 0) {
					this.config = res.data.app_download
				}
			})

			let _this = this
			document.addEventListener('visibilitychange', () => {
				console.log('document hidden', document.hidden)
				//监听当前页面有没有被移到后台 true--被移到后台有跳转其他页面 fasle--没有被移到后台跳转其他页面
				_this.hasTurnPage = document.hidden

			})

		},

		methods: {
			openApp() {
				// 先打开scheme协议来唤起app，如果超时了（比如超时2s）那么就跳转到app下载页

				// let scheme = 'juchengtp://h5toapp?id=8' // scheme链接找客户端
				let scheme = 'https://tp-universal.jucheng01.net?id=8'
				try {
					console.log('openLocation跳转：', scheme)
					window.location.href = scheme
				} catch (e) {
					console.log('openLocation错误', e)
				}


				setTimeout(() => {
					// console.log('!state.hidden', !state.hidden)
					// 当前页面依然在说明没有下载App,所以跳转至商店下载
					if (!this.hasTurnPage) {
						if (this.cn.platform() == 'android') {
							console.log('安卓下载')
							//链接找安卓开发要
							window.location.href =
								'https://jucheng-app.oss-cn-qingdao.aliyuncs.com/ynxianhuaapp/__UNI__412EE24_0708180330.apk'
						} else if (this.cn.platform() == 'ios') {
							console.log('ios下载')
							// 链接找ios开发要
							window.location.href =
								'https://apps.apple.com/us/app/%E6%81%8B%E7%88%B1%E8%AF%9D%E6%9C%AF/id1608827634?l=zh'
						}
					}
				}, 2000)
			},
		}
	}
</script>

<style scoped>
	.bg_img {
		position: fixed;
		left: 0;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
	}
</style>
